require(['jquery','underscore','api'], function ($,_,api) {
  _.templateSettings = _templateSettings;

  //条件
  $.get(api.baseUrl+api.case.options, function (res) {
    var data = res.data;
    $('.filter').append(_.template($('#options-tpl').html())({data: data}));
  });

  //案例列表
  var caseUrl = api.baseUrl+api.case.list;
  var option = {
    styles: "",
    areas: "",
    types: ""
  };
  getCaseList(caseUrl);

  $(".filter").on("click",".area-filter", function () {
    var min = parseInt($("#min").val()||0), max = parseInt($("#max").val()||0);
    if(max>min){
      option.areas = min+"-"+max;
      getCaseList(caseUrl);
    }
  });

  $(".filter").on("click","#styles .item", function () {
    $(this).addClass("active").siblings().removeClass("active");
    var code = $(this).data("code");
    option.styles = code;

    getCaseList(caseUrl);
  });

  $(".filter").on("click","#areas .item:not(.range)", function () {
    //$(this).addClass("active").siblings().removeClass("active").find("input").prop("checked",false);
    $(this).addClass("active").siblings().removeClass("active");
    var code = $(this).data("code");
    option.areas = code;

    getCaseList(caseUrl);
  });

  $(".filter").on("click","#rooms .item", function () {
    //$(this).addClass("active").siblings().removeClass("active").find("input").prop("checked",false);
    $(this).addClass("active").siblings().removeClass("active");
    var code = $(this).data("code");
    option.types = code;

    getCaseList(caseUrl);
  });

  function getCaseList(url){
    $.get(url, option, function (res) {
      var data = res.data;
      $(".main .row").empty().append(_.template($("#case-item-tpl").html())({data: data}));
    });
  }

});